東葛.dev のブランディングブレインストーミング
Studio の Studio Design Awards Studio Design Awards 2025 を見てたら東葛.dev でもきっちりブランディングしたくなった
ブレインストーミング
世界観のあるブランドサイトを実現したい
現状のサイト https://toukatsu.dev はポータルサイト
Discord, Cosense, Connpass などへの導線
東葛.dev のコンセプト
技術者の井戸端会議
地域コミュニティ
東葛のプレゼンス
キーワード
地域コミュニティ
トンカツ
Saurce = Source × Sauce
コミュニティの熱量や空気感(エモ)が全く表現できていない
ブランディング
「機能」よりも「情緒」へ
地域コミュニティ以上の物語を持たせる
Verbal Identity と Visual Identity
Verbal Identity
井戸端会議 -> 「交差点」、「合流点」
東葛が利根川と江戸川の合流点であること
鉄道や国道の交差点であること
くらしがあること
Visual Identity
メタファー
利根川と江戸川の合流点を WebGL で表現
川の流れを表現したい
それだけでなく技術的な知見を表現するようなメタファーを仕込みたい
カラー
水辺や自然
コンクリート
明るさ暖かさ
写真
余白のあるスナップ
タイポグラフィ
要検討
モボ、モガとかが好きだからマッチするか見たい
サイト構成
Hero Area (FV)
ビジュアル: 抽象化された地図(等高線)が、水面のようにゆっくり揺らいでいる。
コピー: 「コードを書く。街に暮らす。ここで出会う。」(縦書きの明朝体で、文芸誌のように配置)
Philosophy (About)
「なぜ東葛で集まるのか?」をエモーショナルに語るセクション。
Flow (Activity)
Discordの会話の活発さや、Connpassのイベント頻度を、単なるリストではなく「波形」や「グラフ」のアートとして可視化する。
「今、東葛が動いている」ことを感覚的に伝える。
Magazine (Output)
同人誌『Saurce』や LT の内容を、雑誌のバックナンバーのように並べる。
表紙画像を傾けて配置し、ドロップシャドウで立体感を出す。